<template>

	<view class="flex flex-column">
		<free-nav-bar title="发现" :fixed="false" showright></free-nav-bar>
		<free-list-item title="朋友圈" :showright="true" @click="pyq()">
			<text class="iconfont font-lg py-2" slot="icon">&#xe667;</text>
			<view class="position-relative p-1" slot="right">
				<free-avater src="/static/images/mail/friend.png" size="55"></free-avater>
				<text class="rounded-circle bg-danger position-absolute"
					style="width: 20rpx;height: 20rpx;top:0px;right: 0px;"></text>
			</view>
		</free-list-item>
		<free-divider></free-divider>
		<free-list-item title="扫一扫" isshowjt>
			<text class="iconfont font-lg py-2" slot="icon">&#xe86d;</text>
			<view class="position-relative p-1" slot="right">
				<text class="rounded-circle bg-danger position-absolute"
					style="width: 20rpx;height: 20rpx;top:0px;right: 0px;"></text>
			</view>
		</free-list-item>
		<free-list-item title="摇一摇" isshowjt>
			<text class="iconfont font-lg py-2" slot="icon">&#xe63d;</text>
			<view class="position-relative p-1" slot="right">
				<text class="rounded-circle bg-danger position-absolute"
					style="width: 20rpx;height: 20rpx;top:0px;right: 0px;"></text>
			</view>
		</free-list-item>
		<free-list-item title="看一看" isshowjt>
			<text class="iconfont font-lg py-2" slot="icon">&#xe610;</text>
			<view class="position-relative p-1" slot="right">
				<text class="rounded-circle bg-danger position-absolute"
					style="width: 20rpx;height: 20rpx;top:0px;right: 0px;"></text>
			</view>
		</free-list-item>
		<free-list-item title="搜一搜" isshowjt>
			<text class="iconfont font-lg py-2" slot="icon">&#xe611;</text>
			<view class="position-relative p-1" slot="right">
				<text class="rounded-circle bg-danger position-absolute"
					style="width: 20rpx;height: 20rpx;top:0px;right: 0px;"></text>
			</view>
		</free-list-item>
		<free-list-item title="购物" isshowjt>
			<text class="iconfont font-lg py-2" slot="icon">&#xe658;</text>
			<view class="position-relative p-1" slot="right">
				<text class="rounded-circle bg-danger position-absolute"
					style="width: 20rpx;height: 20rpx;top:0px;right: 0px;"></text>
			</view>
		</free-list-item>

	</view>
</template>
<script>
	import freeNavBar from "@/components/free-ui/free-nav-bar.vue"
	import freeListItem from "@/components/free-ui/free-list-item.vue"
	import freeAvater from "@/components/free-ui/free-avater.vue"
	import auth from "@/common/mixin/auth.js"
	import freeDivider from "@/components/free-ui/free-divider.vue"
	export default {
		mixins:[auth],
		components: {
			freeNavBar,
			freeListItem,
			freeAvater,
			freeDivider
		},
		methods:{
			pyq(){
				uni.navigateTo({
					url:"/pages/tabbar/find/moments/moments"
				})
			}
		}
	}
</script>
